<template>
  <div>
    <Header></Header>

    <div style="margin-top: 100px;width: 100%;height: 900px;padding-top: 10px">
      <div style="  background-color: #fff3f3;margin-left: 300px;width: 1200px;height: 100px">
        <div>
          <p style="font-size: 16px;color: #666666;margin-bottom: 4px;line-height: 30px;margin-left: 15px">请在15分钟内付款</p>
          <p style="font-size: 14px;color: #f03d37;;margin-bottom: 4px;line-height: 30px;margin-left: 15px">超时订单会自动取消，如遇到问题，请致电客服0111-123456</p>
        </div>


      </div>
      <div>
        <p class="warning">请仔细核对场次信息，出票后将<span class="attention">无法退票和改签</span></p>
      </div>
      <div style="margin-left: 300px">
        <table style="border: 1px solid #e5e5e5;
    border-spacing: 0;
    margin-bottom: 60px;">
          <tr>
            <th>影片</th>
            <th>价格</th>
            <th>影院</th>
          </tr>
          <tr>
            <td>{{$route.params.filmName}}</td>
            <td style="color: red">{{$route.params.filmId+10}}元</td>
            <td>万达影城</td>
          </tr>
          <tr>

            <td>

            </td>
            <td>
              <button>
                支付
              </button>
            </td>
            <td>

            </td>
          </tr>
        </table>

      </div>

    </div>

    <div style="margin-top: 100px">
      <bottom></bottom>
    </div>
  </div>

</template>

<script>
  import bottom from '@/components/Header/bottom'
  import Header from '../Header/Header'
    export default {
        name: "order",
      components:{
          Header,
          bottom
      }

    }
</script>

<style scoped>
  .warning{
    font-size: 12px;
    color: #666;

    background: url(…5gXgFp+z0kp3W8f93OJb+OnbmOnbo6t4T/eIYPRW2ce5X/C3wonn0uNoJvAAAAAElFTkSuQmCC) no-repeat;
    background-size: 12px;
    background-position-y: 2px;
    margin-bottom: 8px;
    margin-left: 300px;
    margin-top: 50px;
  }
  tr{
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
  }
  td{
    text-align: center;
    padding: 20px 0;
    color: #333;
    width: 300px;
  }
  th{
    font-size: 16px;
    color: #333;
    width: 300px;
    padding: 14px 0;
    font-weight: 400;
    background: rgba(0,0,0,.4);
  }

</style>
